<!--
 * @Author: 李明明
 * @Date: 2022-04-29 15:25:27
 * @LastEditTime: 2022-05-07 09:38:55
 * @LastEditors: 李明明
 * @Description: 
 * @FilePath: /官网pc端/web/html/home/message-center.html
 * 代码版权方：'政府采购信息网'
-->
<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

  <meta name="description" content="描述">
  <meta name="keywords" content="关键词">
  <link rel="icon" href="">
  <link rel="shortcut icon" href="">
  <!--    <link rel="stylesheet" href="//at.alicdn.com/t/font_2052942_xzk2q3ix0w.css">-->
  <title>我的消息</title>
  <link rel="stylesheet" href="/web/public/css/public.css">
  <link rel="stylesheet" href="/web/public/css/header.css">
  <link rel="stylesheet" href="/web/public/css/footer.css">
  <link rel="stylesheet" href="/web/public/css/message-center.css">
  <link rel="stylesheet" href="/web/public/css/aside.css">
  <script src="/web/lib/jquery-1.12.4.min.js"></script>
  <script src="/web/public/public.js"></script>
  <script src="/web/lib/jquery.pagination.js"></script>
</head>

<body>
  <div class="container">
    <!--这里引入header-->
    <include file="/web/html/header/header.htm" page-type="1"></include>
    <div id="main">
      <div class="aside-wrap">
        <include file="/web/html/fragment/personal-center/aside.htm"></include>
      </div>
      <div class="list-wrap">
        <div class="tab-list">
          <div class="tab-item">
            消息中心
          </div>
        </div>
        <ul class="content-list"></ul>
        <div class="list-pagination"></div>
      </div>
    </div>
    <include file="/web/html/footer/footer.htm"></include>
  </div>
  <script>
    $(function () {
      $('#personal-center-aside .aside-list .message').addClass('active');

      function getCommentList(pageNum, resetPage) {
          var pageSize = 10;
          $.ajax({
              url: ports.getMyMessage,
              data: {
                  pageNum: pageNum,
                  pageSize: pageSize
              },
              success: function (res) {
                  console.log('获取我的消息列表', res);

                  if (res.status == 200) {
                      if (res.data.list && res.data.list.length) {
                          var html = '';
                          $.each(res.data.list, function (i, item) {
                              html += '<li class=' + (item.read ? 'read' : '') + '>\n' +
                                  '                    <a href=' + ('/web/html/home/message-detail.html?id=' + item.strMessageId) + ' target="_blank">' + item.messageTitle + '</a>\n' +
                                  '                    <span>' + item.publishTime.substr(0, 10) + '</span>\n' +
                                  '                </li>';
                          });
                          $('ul.content-list').html(html);
                          if (resetPage) {
                              $('.list-pagination').pagination({
                                  prevContent: '< 上一页',
                                  nextContent: '下一页 >',
                                  totalData: res.data.total,
                                  showData: pageSize,
                                  coping: true,
                                  callback: function (api) {
                                      console.log(api.getCurrent());
                                      var current = api.getCurrent();
                                      document.body.scrollTop = 0;
                                      document.documentElement.scrollTop = 0;
                                      getCommentList(current, false);
                                  }
                              });
                          }
                      }

                  }
              }
          })
      }

      getCommentList(1, true)
    })
  </script>
</body>

</html>